@charset "utf-8";
/* CSS Document */

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

.top_bar{ height: 40px; background-color: #0054a7;}
a.top_btn{ position: relative; float: right; padding-left: 40px; margin-right: 20px; font: 16px/40px "Microsoft Yahei"; color: #fff;}
a.top_btn:before{ position: absolute; top: 50%; left: 0; width: 2px; height: 18px; margin-top: -9px; background-color: #fff; content: ""}
a#btn_slh{ background: url(../images/icon_slh.png) no-repeat 20px center;}
a#btn_wza{ background: url(../images/icon_wza.png) no-repeat 20px center;}
a#btn_slh:before{ display: none;}

.banner{ height: 390px; background: url(../images/banner.jpg) no-repeat center top;}
/* LWW 20231026 添加 .banner > .layout > a ；注释 .logo */
.banner > .layout > a { position: absolute; top: 90px; left: 50%; width: 837px; height: 178px; margin-left: -418px;}
/* .logo{ position: absolute; top: 90px; left: 50%; width: 837px; height: 178px; margin-left: -418px;} */

.index_search{ position: absolute; top: 300px; left: 50%; width: 458px; height: 44px; margin-left: -229px;}
.search_text{ float: left; width: 367px; height: 44px; font: 16px/42px "Microsoft Yahei"; color: #333; text-indent: 0.5em; background-color: #fff; border: 1px solid #e5e5e5; border-right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; outline: none;}
a#search_btn{ float: right; width: 90px; height: 44px; font: 16px/44px "Microsoft Yahei"; color: #fff; text-indent: 44px; background: url(../images/icon_search.png) no-repeat 15px center #3061b6; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer}

.nav{ height: 60px; margin-bottom: 30px; background-color: #3263b7;}
.nav a{ position: relative; float: left; width: 200px; height: 60px; font: 20px/60px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav a:before{ position: absolute; top: 50%; right: 0; width: 2px; height: 35px; margin-top: -17px; background: url(../images/bor_nav.png) no-repeat center top; content: ""}
.nav a:last-child:before{ display: none;}

.footer{ padding-bottom: 48px; background-color: #f2f2f2;}

.bot_btn{ }
.bot_btn img{ float: left; width: 384px; height: 70px; margin-right: 24px;}

.frd_link_wrap{ padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #eaeaea;}
.bot_link_tem{ position: relative; float: left; width: 384px; height: 42px; margin-right: 24px; background-color: #fff; z-index: 999; border: none;}
select.bot_link_tem option{  font-size: 14px; color: #333; text-indent: 1em; cursor: pointer; border: 0; width: 100%; text-align: left; background: none;}
.bot_link_btn.nomar, .bot_link_tem.nomar{ margin-right: 0}
.bot_link_tem:after{ position: absolute; right: 10px; top: 18px; width: 0; height: 0; border-width: 5px 5px 0; border-style:solid; border-color: #666 transparent transparent; content: ""; }
.bot_link_des{ font-size: 18px; line-height: 42px; color: #333; text-indent: 1em; cursor: pointer; border: 0; width: 100%; text-align: left; background: none;}
.bot_link_list{ display: none; position: absolute; bottom: 42px; left: 0; min-width: 384px; max-height: 180px;  background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_tem.active:after{ transform: rotate(180deg);}
.bot_link_list.scroll{}
.bot_link_list li{ height: 30px; padding: 0 10px; font-size: 14px; line-height: 30px;  white-space: nowrap;}
.bot_link_list li:hover{ background-color: #eaeaea;}

.footer_l{ float: left; width: 470px; height: 226px; background-color: #eaeaea;}
.footer_qrcode{ float: left; width: 118px; padding: 30px 0 0 30px;}
.footer_qrcode img{ width: 118px; height: 118px;}
.footer_qrcode p{ margin-top: 10px; font: 14px/24px "Microsoft Yahei"; color: #666; text-align: center;}

.footer_r{ float: right; width: 700px; height: 226px; padding: 0 40px; background-color: #eaeaea; box-sizing: border-box; overflow: hidden;}
.footer_des_wrap{ margin-top: 50px; padding: 14px 0 14px 20px; border-left: 1px solid #b9b9b9;}
.footer_r .footer_des{ height: 56px; padding-top: 12px; margin-bottom: 26px; font: bold 30px/56px "Microsoft Yahei"; color: #666; text-align: center; border-bottom: 1px solid #9db2d0}
.footer_r p{  font: 14px/24px "Microsoft Yahei"; color: #666;}

.btn_scrollTop{ display: none; position: fixed; left: 50%; bottom: 40px; width: 78px; height: 78px; margin-left: 640px; background: url(../images/icon_top.png) no-repeat center center #3061b5; cursor: pointer;}
.btn_scrollTop.active{ display: block;}
/* LWW 20231026 添加 .btn_scrollTop > a */
.btn_scrollTop > a { display: block; height: 100%; background: transparent !important; }

/* LWW 20231031 适配移动端 */
@media screen and (max-width: 800px) {
    .boxMo { min-width: 100%; }
    .layout, .content{ width:100%; margin:0 auto; }

    .banner { background-size: auto 100%; }
    .banner > .layout > a { left: 0; width: 100%; height: 100px; margin-left: 0; }
    .banner > .layout > a > img { width: 100%; }
    .index_search { width: calc(100% - 20px); left: 10px; margin-left: 0; }
    .search_text { width: calc(100% - 100px); }
    a#search_btn { width: 100px; }
    .nav { height: auto; }
    .nav > .layout { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .nav > .layout > a { float: none; width: 48%; }

    .footer .frd_link_wrap .frd_link .cusSelect { width: calc(100% - 20px) !important; margin: 10px auto !important; display: block !important; }
    .footer .frd_link_wrap .frd_link .cusSelect .cusOpSet { width: 100% !important; }
    .footer_l { float: none; width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .footer_qrcode { float: none; padding: 30px 0 0 0; }
    .footer_qrcode p { line-height: 26px; }
    .footer_r { float: none; width: 100%; height: 350px; }
    .footer_r p { line-height: 26px; }
}